{literal}
<script type="text/javascript">
    $(document).ready(function(){
        $("#form_unidade").validate({
            rules: {
                data_inicio: { required: true },
                data_fim: { required: true}
            },
            messages: {
                data_inicio: "Obrigatorio",
                data_fim: { required: "Obrigatorio" }
            },
            submitHandler: function(form) {
				jqAjaxForm(form, "div_resultado");
			}
        });
        

    	$("#cod_cliente").autocomplete("contrato/complete-codigo", {
    		width: 400,
    		max: 10,
    		scroll: false,
    		scrollHeight: 500,
    		mustMatch:true,
    		delay:400,
    		formatItem: function(data, i, n, value) {
    			return value.split("::")[0]+" - "+value.split("::")[1];
    		},
    		formatResult: function(data, value) {
    			return value.split("::")[0];
    		}
    	});

    	$("#cod_cliente").result(function(event, data, formatted) {
    		if (data) {
    			$("#contrato_id").val(formatted.split("::")[0]);
    			$("#nome_cliente").val(formatted.split("::")[1]);
    		}
    	});

		//AUTO COMPLETE COM O NOME DE CLIENTES
    	$("#nome_cliente").autocomplete("contrato/complete-nome", {
    		width: 400,
    		max: 10,
    		scroll: false,
    		scrollHeight: 500,
    		mustMatch:true,
    		delay:400,
    		formatItem: function(data2, i2, n2, value2) {
				return value2.split("::")[0]+"  (Contrato: "+value2.split("::")[1]+")";
    		},
    		formatResult: function(data2, value2) {
    			return value2.split("::")[0];
				 
    		}
    	});

    	$("#nome_cliente").result(function(event2, data2, formatted2) {
    		if (data2){
    			$("#contrato_id").val(formatted2.split("::")[1]);
    			$("#cod_cliente").val(formatted2.split("::")[1]);
    		}
    	});

		//TIPO SALA
        populaSelect("tipo_sala", '{/literal}{$_site.url}{literal}', "tipo-sala/select-tipo-sala");

		//UNIDADE
        populaSelect("unidade", "{/literal}{$_site.url}{literal}", "unidade/select-unidade?cod={/literal}{$sala->unidade_id}{literal}");

        $("#data_inicio").datepick({showOn: 'both'});
        $("#data_fim").datepick({showOn: 'both'});

        $("#data_inicio").mask("99/99/9999");
        $("#data_fim").mask("99/99/9999");

        //RESETA CAMPO contrato_id QUANDO SE DIGITA NOVO NUMERO DE de CONTRATO
        $("#cod_cliente").keypress(function() {
       	 	$("#contrato_id").val("");
        });
    }); //fecha $(
    
</script>
{/literal}
<form id="form_unidade" name="form_unidade" method="post" action="{$_site.url}{$acao}">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td></td>
	</tr>
</table>
<br><br>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="mvTituloFundo">
	<tr>
		<td>Realt&oacute;rio de Utiliza&ccedil;&atilde;o Ambientes</td>
	</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">                
	<tr>
    	<td class="contForm">
			<table width="100%" border="0" cellspacing="3" cellpadding="0">
				<tr>
                  	<td valign="" class="fundoTituloForm">Cliente</td>
                    <td colspan="3">
	                   	<table width="100%">
	                    	<tr>
	                       		<td valign="top" class="bordaFormResp" width="20%">C&oacute;digo:</td>
	                       		<td valign="top" class="bordaFormResp" width="80%">Nome:</td>
	                       		<!--<td valign="top" class="bordaFormResp" width="5%">Todos:</td>-->
	                       	</tr>
					 		<tr>
	                       		<td valign="top" class="bordaFormResp"><input name="cod_cliente" type="text" class="formulario" id="cod_cliente" value="" size="10"/>
	                       		<br><input type="hidden" name="contrato_id" id="contrato_id" value=""/>
	                       		</td>
	                       		<td valign="top" class="bordaFormResp"><input name="nome_cliente" type="text" class="formulario tamanhoForm" id="nome_cliente" value="" size="40"/></td>
	                       		<!--<td valign="top" class="bordaFormResp" align="center"><input type="checkbox" name="todos_contratos"  id="todos_contratos" class="formulario" value=""/></td>-->
							</tr>
	               		</table>
                    </td>
 		 		</tr>
				<tr>
        			<td class="fundoTituloForm bordaFormResp">Tipo sala</td>
                 	<td valign="top" class="bordaFormResp" width="12%"><select name="tipo_sala" id="tipo_sala" class="formulario"></select></td>
        			<td class="fundoTituloForm bordaFormResp">Unidade </td>
                 	<td valign="top" class="bordaFormResp"><select name="unidade" id="unidade" class="formulario"></select></td>
				</tr>
				<tr>
        			<td class="fundoTituloForm bordaFormResp">Per&iacute;odo </td>
                 	<td valign="top" class="bordaFormResp" colspan="3">de:&nbsp;<input type="text" name="data_inicio" id="data_inicio" class="formulario" size="10">&nbsp;&nbsp;&agrave;:&nbsp;<input type="text" name="data_fim" id="data_fim" class="formulario" size="10"></td>
				</tr>
                <tr>
                	<td width="30%" valign="top" class="fundoTituloForm">Comparar com o lancamento de Servicos Opcionais?</td>
                    <td width="70%" class="bordaFormResp" colspan="3">
                    	<input type="radio" name="merge_servicos_opcionais" id="merge_servicos_opcionais" value="1" class="formulario"/>Sim&nbsp;
                    	<input type="radio" name="merge_servicos_opcionais" id="merge_servicos_opcionais" value="0" class="formulario" checked="checked"/>N&atilde;o
                    </td>
                </tr>
            </table>          
		</td>
	</tr>
    <tr>
       	<td class="paddingTop15 paddingBottom15" align="center">
           	<span class="paddingRight15">
              	<input type="submit" value="Visualizar" class="botao">
            </span>
            <span class="paddingRight15">
    	        <input name="limpar" type="reset" id="Limpar" value="Limpar" class="botao" />
            </span>
            <input type="button" value="Cancelar" onclick="cancelar(); return false;" class="botao">
         </td>
     </tr>
</table>	
</form>
<div id="div_resultado"></div>
